<template>
  <div class="content">
    <h1>{{ title }}分类</h1>
    <ul>
      <li v-for="item in detail" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Content",
  props: ["title", "detail"],
};
</script>

<style scoped>
.content {
  width: 200px;
  height: 300px;
  background: greenyellow;
}

.content h1 {
  background: yellow;
}
</style>
